@charset "utf-8";
@import "common/reset";
$font-size: 20px;
@function r($px) {
    @return $px / $font-size * 1rem;
}
html,
body {
    height: 100%;
}
.web{
    section{
        .renwu{
            margin-top: r(10px);
            font-size: 0;
            img{
                width: 100%;
            }
        }
        .ul_nav{
            font-size: 0;
            background: #f5f5f5;
            padding-bottom: r(21px);
           li{
               display: inline-block;
               border-bottom: 1px solid #dfdfdf;
               margin-top: r(7px);
               width: 33.3%;
               text-align: center;
               padding-bottom: r(30px);
               padding-top: r(30px);
               a{
                   font-size: r(27px);
                   color: #8b8b8b;
                   font-weight: bold;
               }
               &:hover{
                   background: #b20000;
                   a{
                       color: white;
                   }
               }
               &.active{
                   background: #b20000;
                   a{
                       color: white;
                   }
               }
            } 
        } 
        .position{
            width: 95%;
            margin: 0 auto;
            padding-bottom: r(50px);
            li{
                margin-top: r(40px);
                .position_left{
                    width: 20%;
                    margin-right: r(18px);
                    img{
                        width: 100%;
                    }
                }
                .position_right{
                    width: 75%;
                    h5{
                        font-size: r(27px);
                        color: #b50007;
                        border-bottom: 1px solid #e09999;
                    }
                    p{
                        font-size: r(22px);
                        color: #7d7d7d;
                    }
                }
            }
        } 
    }
}
